<!DOCTYPE html>
<html>
	<head>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1" />
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript" src="../js/flexible.js" ></script>
		<link rel="stylesheet" href="../css/all_page.css" />
		<link rel="stylesheet" href="../css/public.css" />
		<link rel="stylesheet" href="../css/mobiscroll.css" />
		<link rel="stylesheet" href="../css/mobiscroll_002.css" />
		<link rel="stylesheet" href="../css/mobiscroll_003.css" />
		<style>
			
		</style>
	</head>
	<body>
		
		<div class="reserve">
			
			<div class="head">
				<p>预定列表</p>
			</div>
			<!--头部-->
			<div class="pTop time">
				<label>时间：</label>
				<div class="input">
					<input value="2018-06-25" class="" readonly="readonly" name="appDate" id="sTime" type="text">
					<p id="sTimeText">2018-06-25</p>
				</div> <span>至</span>
				<div class="input">
					<input value="2018-06-25" class="" readonly="readonly" name="appDate" id="eTime" type="text">
					<p id="eTimeText">2018-06-30</p>
				</div>
			</div>
			
			<div class="reCn">
				
				<!--用户查看-->
				<div class="reList div_float">
					<img class="l" src="../img/y3.png" />
					<div class="msg">
						<div class="top">
							<p class="jTil">部门法务政策培训</p>
							<P class="state dsBg">待审核</P>
						</div>
						<div class="btm">
							<p>会议场所：第一会议室</p>
							<P>预定部门：法务部</P>
							<P>预定时间：06-25 10:00-12:00</P>
							<a class="edit">修改</a>
						</div>
					</div>
				</div>
				<div class="reList div_float">
					<img class="l" src="../img/y3.png" />
					<div class="msg">
						<div class="top">
							<p>部门法务政策培训</p>
							<P class="state">已预定</P>
						</div>
						<div class="btm">
							<p>会议场所：第一会议室</p>
							<P>预定部门：法务部</P>
							<P>预定时间：06-25 10:00-12:00</P>
						</div>
					</div>
				</div>
				<!--用户查看-->
				
				<!--管理员查看-->
				<div class="reList div_float">
					<img class="l" src="../img/y3.png" />
					<div class="msg">
						<div class="top">
							<p class="jTil">部门法务政策培训</p>
							<P class="state tgBg">通过审核</P>
						</div>
						<div class="btm">
							<p>会议场所：第一会议室</p>
							<P>预定部门：法务部</P>
							<P>预定时间：06-25 10:00-12:00</P>
							<div class="operation">
								<p>修改</p>
								<p>删除</p>
							</div>
						</div>
					</div>
				</div>
				<div class="reList div_float">
					<img class="l" src="../img/y3.png" />
					<div class="msg">
						<div class="top">
							<p>部门法务政策培训</p>
							<P class="state dsBg">已审核</P>
						</div>
						<div class="btm">
							<p>会议场所：第一会议室</p>
							<P>预定部门：法务部</P>
							<P>预定时间：06-25 10:00-12:00</P>
							<div class="operation">
								<p>修改</p>
								<p>删除</p>
							</div>
						</div>
					</div>
				</div>
				<!--管理员查看-->
				
				
				<!--会务员查看-->
				<div class="reList div_float">
					<img class="l" src="../img/y3.png" />
					<div class="msg">
						<div class="top">
							<p class="jTil">部门法务政策培训</p>
							<P class="state tgBg">通过审核</P>
						</div>
						<div class="btm">
							<p>会议场所：第一会议室</p>
							<P>预定部门：法务部</P>
							<P>预定时间：06-25 10:00-12:00</P>
							
						</div>
					</div>
				</div>
				<div class="reList div_float">
					<img class="l" src="../img/y3.png" />
					<div class="msg">
						<div class="top">
							<p>部门法务政策培训</p>
							<P class="state dsBg">已审核</P>
						</div>
						<div class="btm">
							<p>会议场所：第一会议室</p>
							<P>预定部门：法务部</P>
							<P>预定时间：06-25 10:00-12:00</P>
						
						</div>
					</div>
				</div>
				<div class="reList div_float">
					<img class="l" src="../img/y3.png" />
					<div class="msg">
						<div class="top">
							<p>部门法务政策培训</p>
							<P class="state">已结算</P>
						</div>
						<div class="btm">
							<p>会议场所：第一会议室</p>
							<P>预定部门：法务部</P>
							<P>预定时间：06-25 10:00-12:00</P>
						
						</div>
					</div>
				</div>
				<!--会务员查看-->
				
			</div>
			
			<!--公共底部-->
			<div class="allFooter div_float">
				<a>
					<img src="../img/home_sel.png" />
					<p>首页</p>
				</a>
				<a class="w_info">
					<img src="../img/info.png" />
					<p>微信息</p>
				</a>
				<a class="work">
					<img src="../img/allAP.png" />
					<p>工作台</p>
				</a>
				<a class="w_service">
					<img src="../img/service.png" />
					<p>微服务</p>
				</a>
				<a>
					<img src="../img/me.png" />
					<p>个人中心</p>
				</a>

			</div>
			<div class="allFootText">
				<div class="layer wx">
					<a>通知公告</a>
					<a>工作动态</a>
					<a>失物招领中心</a>
				</div>
				<div class="layer wf">
					<a>故障报修</a>
					<a>预约会场</a>
					<a>食堂充值</a>
					<a>办公用品</a>
					<a>留言诉求</a>
					<a>评价系统</a>
				</div>
			</div>
			
		</div>
		
	
	<script type="text/javascript" src="../js/jquery-1.8.3.js" ></script>
	<script type="text/javascript" src="../js/mobiscroll.custom-2.5.2.min.js" ></script>
	<script type="text/javascript" src="../js/mobiscroll_003.js" ></script>
	<script type="text/javascript" src="../js/js.js" ></script>
	<script>
		$(function(){
			$("#sTime").mobiscroll().date({
				theme: "android-ics",
				lang: "zh",
				display: 'bottom',
				selectType: 'week',
				dateFormat: 'yy-mm-dd', //返回结果格式化为年月格式
				//wheels:[], //设置此属性可以只显示年月，此处演示，就用下面的onBeforeShow方法,另外也可以用treelist去实现
				//onBeforeShow: function (inst) { inst.settings.wheels[0].length>2?inst.settings.wheels[0].pop():null; }, //弹掉“日”滚轮
				headerText: function(valueText) { //自定义弹出框头部格式
					array = valueText.split('-');
					return array[0] + "年" + array[1] + "月" + array[2] + "日";
				},
				onSelect: function(valueText, inst) {
					$('#sTimeText').html(valueText);
				}
			});
			
			$("#eTime").mobiscroll().date({
				theme: "android-ics",
				lang: "zh",
				display: 'bottom',
				selectType: 'week',
				dateFormat: 'yy-mm-dd', //返回结果格式化为年月格式
				//wheels:[], //设置此属性可以只显示年月，此处演示，就用下面的onBeforeShow方法,另外也可以用treelist去实现
				//onBeforeShow: function (inst) { inst.settings.wheels[0].length>2?inst.settings.wheels[0].pop():null; }, //弹掉“日”滚轮
				headerText: function(valueText) { //自定义弹出框头部格式
					array = valueText.split('-');
					return array[0] + "年" + array[1] + "月" + array[2] + "日";
				},
				onSelect: function(valueText, inst) {
					$('#eTimeText').html(valueText);
				}
			});
		})
	</script>
	</body>
</html>
